﻿@{
    ViewBag.Title = "showcase";
    Layout = "~/Views/Shared/_Main.cshtml";
}
<div class="content">
    <div class="container">
        <h2>
            建站模板</h2>
        <p class="big grey">
            请选择时候您企业的网站模板</p>
        <hr />
        <div class="row">
            <div class="span12">
                <div id="portfolio">
                    <!-- Add the above used filter names inside div tag. You can add more than one filter names. For image lightbox you need to include "a" tag pointing to image link, along with the class "prettyPhoto[pp_gal]".-->
                    <div class="element one three">
                        <a>
                            <img src="/content/img/showcase/metro_green.png" alt="" />
                            <!-- Portfolio caption -->
                            <div class="pcap">
                                <p style="text-align:left;">
                                    <a href="javascript:;" class="btn btn-warning btn-mini">查看详细</a>
                                    <a href="javascript:;" class="btn btn-primary btn-mini">选择使用</a>
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="element two one">
                        <a>
                            <img src="/content/img/showcase/metro_orange.png" alt="" />
                            <div class="pcap">
                                <p style="text-align:left;">
                                    <a href="javascript:;" class="btn btn-warning btn-mini">查看详细</a>
                                    <a href="javascript:;" class="btn btn-primary btn-mini">选择使用</a>
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="element three five">
                        <a>
                            <img src="/content/img/photos/tn_3.jpg" alt="" />
                            <div class="pcap">
                                <h4>
                                    Lorem ipsum dolor</h4>
                                <p>
                                    Sed justo dui, scelerisque ut consectetur vel, eleifend id erat.</p>
                            </div>
                        </a>
                    </div>
                    <div class="element four two">
                        <a>
                            <img src="/content/img/photos/tn_4.jpg" alt="" />
                            <div class="pcap">
                                <h4>
                                    Lorem ipsum dolor</h4>
                                <p>
                                    Sed justo dui, scelerisque ut consectetur vel, eleifend id erat.</p>
                            </div>
                        </a>
                    </div>
                    <div class="element five one">
                        <a>
                            <img src="/content/img/photos/tn_5.jpg" alt="" />
                            <div class="pcap">
                                <h4>
                                    Lorem ipsum dolor</h4>
                                <p>
                                    Sed justo dui, scelerisque ut consectetur vel, eleifend id erat.</p>
                            </div>
                        </a>
                    </div>
                    <div class="element four five">
                        <a>
                            <img src="/content/img/photos/tn_6.jpg" alt="" />
                            <div class="pcap">
                                <h4>
                                    Lorem ipsum dolor</h4>
                                <p>
                                    Sed justo dui, scelerisque ut consectetur vel, eleifend id erat.</p>
                            </div>
                        </a>
                    </div>
                    <div class="element three one">
                        <a>
                            <img src="/content/img/photos/tn_7.jpg" alt="" />
                            <div class="pcap">
                                <h4>
                                    Lorem ipsum dolor</h4>
                                <p>
                                    Sed justo dui, scelerisque ut consectetur vel, eleifend id erat.</p>
                            </div>
                        </a>
                    </div>
                    <div class="element three one">
                        <a>
                            <img src="/content/img/photos/tn_8.jpg" alt="" />
                            <div class="pcap">
                                <h4>
                                    Lorem ipsum dolor</h4>
                                <p>
                                    Sed justo dui, scelerisque ut consectetur vel, eleifend id erat.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="pagination">
                    <ul>
                        <li><a href="#">Prev</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">Next</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="border">
        </div>
        @Html.Partial("~/views/shared/partial/_article.cshtml")
    </div>
</div>
